<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Diff Chrome Extension</title>

    <link rel="stylesheet" type="text/css" href="css/style.css">

    <script type="text/javascript" src="lib/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="lib/diff_match_patch.js"></script>

    <script type="text/javascript" src="js/diff.js"></script>
    <script type="text/javascript" src="js/filesystem.js"></script>
  </head>
  <body>
    <div class="offline hidden">
      <span class="loader"><span class="bolt"></span></span>
      <div class="text">You are currently offline</div>
    </div>

    <div id="left-side">
      <div class="button new-diff" id="new-diff">
        <img src="img/edit_diff.png" />
      </div>
      <div class="tooltip new-diff hidden">
        New Diff<span class="pointer"</span>
      </div>
      <div id="expand-all" class="disabled"></div>
      <div class="tooltip expand-all hidden">
        Expand All<span class="pointer"</span>
      </div>
      <div id="collapse-all" class="disabled"></div>
      <div class="tooltip collapse-all hidden">
        Collapse All<span class="pointer"</span>
      </div>
      <div id="prev-chunk" class="disabled"></div>
      <div class="tooltip prev-chunk hidden">
        Previous Conflict<span class="pointer"</span>
      </div>
      <div id="next-chunk" class="disabled"></div>
      <div class="tooltip next-chunk hidden">
        Next Conflict<span class="pointer"</span>
      </div>
    </div>

    <div id="file0-container">

      ​<span class="button menubutton">
        <span class="label file-name 0">No File Selected</span>
      ​​​​​​​​​​​  <span class="indicator"></span>
        <ul class="menulist 0">
          <li class="menulistitem choose-new-file">Choose File</li>
        </ul>
      </span>

      <div class="file-diff 0" id="drop-zone0"></div>
    </div>

    <div id="arrow-container"></div>
    <div id="check-container"></div>

    <div id="file1-container">

      ​<span class="button menubutton">
        <span class="label file-name 1">No File Selected</span>
      ​​​​​​​​​​​  <span class="indicator"></span>
        <ul class="menulist 1">
          <li class="menulistitem choose-new-file">Choose File</li>
        </ul>
      </span>

      <div class="button save hidden" id="save"><img src="img/save.png" /></div>
      <div class="tooltip save hidden">Save As<span class="pointer"</span></div>
      <div class="button edit hidden" id="edit"><img src="img/edit.png" /></div>
      <div class="tooltip edit hidden">Edit<span class="pointer"</span></div>
      <div class="button done hidden">Done</div>
      <div id="num-diffs"></div>
      <br>
      <div class="file-diff 1" id="drop-zone1"></div>
      <textarea class="diff-text hidden" id="editor"></textarea>
    </div>

    <br>

    <div class="expand-all"></div>

    <div class="new-diff modal-dialog prompt hidden">
      <div class="close-button"></div>

      <h1>File 1:  <span class="file-name 0">No File Selected</span></h1>
      <div class="button choose-file 0">Choose File</div>
      <label for="url" class="url">or select URL</label>
      <input type="text" name="url" class="url 0">
      <div class="error-message 0">Please enter a valid URL</div>
      <br class="clear">

      <h1>File 2:  <span class="file-name 1">No File Selected</span></h1>
      <div class="button choose-file 1">Choose File</div>
      <label for="url" class="url">or select URL</label>
      <input type="text" name="url" class="url 1">
      <div class="error-message 1">Please enter a valid URL</div>
      <br class="clear">

      <div class="button blue submit">Submit</div>
      <div class="button cancel">Cancel</div>
    </div>

    <div id="modal-shield" class="hidden"></div>

  </body>
</html>
